<%--
  Created by IntelliJ IDEA.
  User: DELL
  Date: 2022/12/19
  Time: 19:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <title>订单列表</title>
    <link rel="stylesheet" href="./css/a.css" />
    <style>
        table{
            width: 1200px;
            border-collapse: collapse;
            margin: 0 auto;/*上下外边距为0，左右自动对齐（居中）*/
        }
        th,td{
            border: 1px solid rgb(161, 91, 91);
        }
        thead tr th{
            background-color: rgb(0, 0, 0);
            color: rgb(0, 0, 0);
        }


    </style>
</head>
<body>
<!-- 网页头部模块 -->
<div class="header">
    <ul>
        <li><a href="#">甜品商城</a></li>
        <li><a href="#">首页</a></li>
        <li><a href="#">我的</a></li>
        <li><a href="#">购物车</a></li>
        <li><a href="#">收藏夹</a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#">用户名</a></li>
        <li><a href="#">退出</a></li>
    </ul>
</div>
<!-- <div class="column_con"> -->
<div class="column">
    <ul>
        <li><a href="#">全部订单</a></li>
        <li><a href="#">未发货</a></li>
        <li><a href="#">待收货</a></li>
        <li><a href="#">待评价</a></li>
    </ul>
</div>
<!-- </div> -->


<table>
    <!--第一行-->
    <tr>
        <th width="20%">商品详情</th>
        <th width="20%">收货地址</th>
        <th width="10%">商品总价</th>
        <th width="15%">订单状态</th>
        <th width="10%">下单时间</th>
        <th width="15%">操作</th>
    </tr>
    <!--第二行-->
    <tr>
        <td style="text-align: center;"><img src="./pictures/new_goods_1.jpg" height="80">海盐奥利奥蛋糕&nbsp;&nbsp;2磅</td>
        <td style="text-align: center;">黄埔区xx街道xx小区A3栋1005房</td>
        <td style="text-align: center;">498</td>
        <td style="text-align: center; color:palevioletred;">待收货</td>
        <td style="text-align: center;">2022年02月18日15:30</td>
        <td style="text-align: center;">
            <a class="btn btn-success" href="#" style="color:rgb(214, 91, 91);">确认收货</a>
        </td>
    </tr>
    <!--第三行-->
    <tr>
        <td style="text-align: center;"><img src="./pictures/new_goods_4.jpg" height="80">日式美味舒芙蕾&nbsp;&nbsp;1个</td>
        <td style="text-align: center;">黄埔区xx街道xx小区A3栋1005房</td>
        <td style="text-align: center;">66</td>
        <td style="text-align: center; color:palevioletred;">待评价</td>
        <td style="text-align: center;">2022年02月18日15:30</td>
        <td style="text-align: center;">
            <a class="btn btn-success" href="#" style="color:rgb(214, 91, 91);">去评价</a>
        </td>
    </tr>
    <!--第四行-->
    <tr>
        <td style="text-align: center;"><img src="./pictures/圣诞4.jpg" height="80">圣诞限定糯唧唧&nbsp;&nbsp;1个</td>
        <td style="text-align: center;">黄埔区xx街道xx小区A3栋1005房</td>
        <td style="text-align: center;">15</td>
        <td style="text-align: center; color: palevioletred;">未发货</td>
        <td style="text-align: center;">2022年02月18日15:30</td>
        <td style="text-align: center;">
            <a class="btn btn-success" href="#" style="color:rgb(214, 91, 91);">提醒发货</a>
        </td>
    </tr>

</table>


</body>
</html>
